<div class="data-info">
  <div>
    <form class="form-horizontal"role="form"novalidate name="myForm">
      <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search"style="height:190px;"ng-class="{'shou':!flag.state}">
        <div>
          <label>时间</label>
          <md-input-container flex>
          <label>&nbsp;</label>
          <input type="date"  required name="startTime" ng-model="params.date" time-date='date' />
            <div ng-messages="myForm.startTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="required">必填</div>
              <div ng-message="too-great">时间必须小于当前时间</div>
            </div>
          </md-input-container>
        </div>
        <div>
          <label style="width:70px">业务线</label>
          <md-select ng-model="params.businessCodes" placeholder="全部">
            <md-option ng-value="0">全部</md-option>
            <md-option ng-value="items" ng-repeat="items in businessLineNames">{{items.businessLineName}}</md-option>
          </md-select>
        </div>
        <div>
          <label style="width:70px">告警类型</label>
          <md-select ng-model="params.alarmTypeCodes" placeholder="全部">
            <md-option ng-value="0">全部</md-option>
            <md-option ng-value="items" ng-repeat="items in alarmTypes">{{items.alarmTypeName}}</md-option>
          </md-select>
        </div>
      </div>
    <i class="glyphicon glyphicon-chevron-up shrinkage" ng-hide ="myForm.$invalid || flag.arrow" ng-click="flag.state = false"></i>
    <md-button ng-disabled="myForm.$invalid" ng-click="search()"class="md-fab md-primary md-hue-1"aria-label="Profile">
    <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="!flag.state"></i>
    <i class="glyphicon glyphicon-search" ng-show="flag.state"></i>
    </md-button>
    </div>
    </form>
  <div class="table-info" ng-show="flag.show === 'table'">
    <div class="table-detail">
      <div class="t_r"style="overflow-x: scroll;">
        <table class="table table-bordered"style="min-width: 100%;max-width: none;table-layout: fixed;word-break:break-all;">
          <caption style="text-align:center;font-size:large;font-weight:bold;color:black">{{title}}
          </caption>
          <thead>
            <tr>
              <th>序 号</th>
              <th>时 间</th>
              <th>业务线</th>
              <th>告警类型</th>
              <th>告警内容</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="item in items">
              <td width="20px;">{{$index+1}}</td>
              <td width="80px;">{{item.date}} </td>
              <td width="80px;">{{item.businessName}}</td>
              <td width="80px;">{{item.alarmTypeName}}</td>
              <td width="80px;">{{item.alarmContent}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
     <ds-page
          total-count="send.page.totalCount"
          page-size="send.page.pageSize"
          page-itmes="pageItems"
          param="send"
          current-page="send.page.currentPage"
          go-page="search(true)"
          show-max-page="5"
          first-text="<<"
          last-text=">>"
          previous-text="<"
          next-text=">"
          >
  </ds-page>
  </div>
</div>
</div>